<script type="text/javascript" src='{$base_dir}modules/dept_rad/js/AJAX_RadAdmin.js'></script>
<script type="text/javascript">
<!--
{literal}
    $(document).ready(function(){
        $('#links a').click(function(){
            $('#links a.active').removeClass('active');
            $(this).addClass('active');
        });
        loadRadAdminPage('radManagementContent', 'listRadServiceAjax')
    });
{/literal}
//-->
</script>
<div class='nav_left' style='width: 700px;'>
    <div class='nav_right'>
        <div class='nav_bg' id="links">
            <a class="first active" href="javascript:loadRadAdminPage('radManagementContent', 'listRadServiceAjax')">{translate}Radiology service{/translate}</a>
            <a href="javascript:loadRadAdminPage('radManagementContent', 'listRadGroupAjax')">{translate}Radiology service group{/translate}</a>
            <a href="javascript:loadRadAdminPage('radManagementContent', 'mapServiceToGroupAjax')">{translate}Radiology groups and services{/translate}</a>
            <a class="last" href="javascript:loadRadAdminPage('radManagementContent', 'listAdditionalServiceAjax')">{translate}Additional service{/translate}</a>           
        </div>
    </div>
</div>

<div class="separator"></div>
<div id="radManagementContent">
</div>